<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="/tpl/pg/js/gmap3.min.js"></script>
 <div class="row" style="margin:5px;>
        <div class="col-xs-12 col-md-12 col-lg-12 col-sm-12">
        <div class="panel panel-info">
            <div class="panel-heading">
                <h3>{{ pageData["dao"].denominazione }} ( {{ pageData["dao"].numero }} )</h3>
            </div>
            <div class="panel-body">
                                <div class="row">
                    <div class="col-sm-12 col-lg-12"><b>Tipo:</b> {{ pageData["dao"].tipo_segnalazione }}</div>
                 </div>
                                 <div class="row">
                    <div class="col-sm-12 col-lg-12"><b>Priorità:</b> {{ pageData["dao"].priorita_segnalazione }}</div>
                 </div>
                                 <div class="row">
                    <div class="col-sm-12 col-lg-12"><b>Stato:</b> {{ pageData["dao"].stato_segnalazione }}</div>
                 </div>
                <div class="row">
                    <div class="col-sm-12 col-lg-12"><b>Descrizione:</b> {{ pageData["dao"].descrizione }}</div>
                 </div>
               <div class="row">
                <div class="col-sm-12 col-lg-12"><b>Immagine:</b> <a href="data:image/png;base64,{{pageData['dao'].immagine}}" rel="prettyPhoto" title="{{pageData['dao'].denominazione}}"><img style='max-height: 90%; max-width: 90%' src="data:image/png;base64,{{pageData['dao'].immagine}}" alt='{{pageData["dao"].denominazione}}' /></a></div>
                 </div>

            </div>
            <div class="panel-footer">
                Inserita il : {{ pageData["dao"].data_inserimento|datetimeformat}}
            </div>
        </div>
    </div>
</div>
<hr/>
<!--
    <div style="padding:10px;">
<button  type="button" class="btn btn-success col-xs-12 col-sm-12 col-lg-12 centered" data-dismiss="modal">Close</button>
</div>
-->
<br/> <br/>
     <script type="text/javascript">
         $(document).ready(function () {

    $("a[rel^='prettyPhoto']").prettyPhoto();

$("a[data-target=#myModall]").click(function(ev) {
    ev.preventDefault();
    var target = $(this).attr("href");
    // load the url and show modal on success
    $("#myModall .modal-body").empty()
    $("#myModall .modal-body").load(target, function() {
         $("#myModal").modal("show");
    });
});


$('#myModall').on('hidden.bs.modal', function() {
    $(this).removeData('bs.modal');
    });
});
</script>
